<template>
	<!-- 数据列表 -->
	<view class="warp">
		<view class="goods-back">
			<view class="goods-item" v-for="(item, index) in userList" :key="index">
				<view class="item-box">
					<uni-row>
						<uni-col :span="24">
							<view class="item-type">员工姓名: {{ item.nickname }}</view>
						</uni-col>
					</uni-row>
					<view class="bottom-line"></view>
					<uni-row>
						<uni-col :span="12">
							<view class="item-type">
								<text class="name">电话：</text>
								<text class="value"> {{ item.mobile }}</text>
							</view>
						</uni-col>
						<uni-col :span="12">
							<view class="item-type">
								<text class="name">登录账号：</text>
								<text class="value">{{ item.membername }}</text>
							</view>
						</uni-col>
					</uni-row>
					 <uni-row>
					 	<uni-col :span="12">
					 		<view class="item-type">
					 			<text class="name">角色：</text>
					 			<text class="value">{{ getGroupName(item) }}</text>
					 		</view>
					 	</uni-col>
					 	<uni-col :span="12">
					 		<view class="item-type">
					 			<text class="name">所属网点：</text>
					 			<text class="value"> {{ item.site_name }} </text>
					 		</view>
					 	</uni-col>
					 </uni-row>
					 
					<!-- <view class="btns-box">
						<view class="pay" v-if="showEditBtn" @click="toEdit(item)">编辑</view>
						<view class="del" v-if="showDelBtn" @click="toDel(item)">删除</view>
					</view> -->
			
				</view>
			</view>
		</view>
		
		<loading-cover ref="loadingCover"></loading-cover>
	</view>
</template>

<script>
	import listitem from './my-staff-list.js';
	import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins.js';
	import MescrollMoreItemMixin from '@/components/mescroll-uni/mixins/mescroll-more-item.js';

	export default {
		mixins: [MescrollMixin, MescrollMoreItemMixin, listitem], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
		data() {
			return {

			};
		},
		methods: {

		}
	};
</script>

<style lang="scss">
	@import './my-staff-list.scss';
</style>